<template>
  <div style="margin-left: 10%;margin-right: 10%;">
    <div style="width: 100%;height: 350px;background-color: #1a4457;position: relative;">
      <img :src="picture" style="width: 100%;height: 100%;position:absolute;z-index: 1">
      <div style="position:absolute;z-index: 2;
      color: white;font-size: 23px;
      left: 50%;top: 50%;transform: translate(-50%, -50%);">
        <h1>{{ title }}</h1>
      </div>
    </div>
  </div>
</template>

<script setup>

const props = defineProps({
  picture: String,
  title: String
})

</script>

<style scoped>

</style>
